<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
	<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" /> 
	<title>sandy - 后台管理系统</title>
	<link rel="stylesheet" type="text/css" href="css/style.css" />
	<link rel="stylesheet" type="text/css" href="css/menu.css" />
	<link rel="stylesheet" type="text/css" href="css/datepicker.css" />
	
	<script type="text/javascript" src="javascript/jquery-1.7.1.min.js"></script>
	<script type="text/javascript" src="javascript/supersubs_fish.js"></script>
	<script type="text/javascript" src="javascript/jquery.sparkbox-select.js"></script>
	<script type="text/javascript" src="javascript/jquery.filestyle.mini.js"></script>
	
	<script type="text/javascript" src="javascript/date.js"></script>
	<script type="text/javascript" src="javascript/date_cn.js"></script>
	<script type="text/javascript" src="javascript/jquery.datepicker.js"></script>

	<script type="text/javascript" src="javascript/pub.js"></script> 
</head>
<body>
	<div class="wrapper">
		<div class="container">
			<!-- top -->
			<div class="top"> 
				<div class="split"><h1>后台管理系统</h1></div> 
				<div class="split"> 
					<div class="logout"><img src="images/icon-logout.gif" alt="Logout" align="left"> <a href="#">Logout</a></div> 
					<div><img src="images/icon-welcome.gif" alt="Welcome" align="left"> Welcome First, lastname</div> 
				</div>
			</div>
			<!-- top end -->

			<!--menu-->
			<div class="menu">
				<ul>
					<li class="current"><a href="#">Dashboard</a></li>
					<li class="break"></li>
					<li>
						<a href="#">Dashboard</a>
						<ul> 
							<li><a href="#">Add a item</a></li> 
							<li class="break"></li> 
							<li><a href="#">Edit a item</a></li> 
							<li class="break"></li> 
							<li><a href="#">Delete a item</a></li> 
							<li class="break"></li> 
							<li class="current"><a href="#">A active item</a></li> 
							<li class="break"></li> 
							<li> 
								<a href="#">A very very long submenu item</a> 
								<ul> 
									<li class="current"><a href="#">First item</a></li> 
									<li class="break"></li> 
									<li><a href="#">Second item</a></li> 
									<li class="break"></li> 
									<li><a href="#">Third item</a></li> 
								</ul> 
							</li> 
						</ul> 
					</li>
					<li class="break"></li>
					<li><a href="#">Dashboard</a></li>
					<li class="break"></li>
					<li><a href="#">Dashboard</a></li>
					<li class="break"></li>
					<li><a href="#">Dashboard</a></li>
					<li class="break"></li>
				</ul>
			</div>
			<!--menu end-->

			<!--holder-->
			<div class="holder">
				<div class="box">
					<div class="title"> 
						<h2>System messages</h2> 
						<img alt="" class="toggle" src="images/title-hide.gif"> 
					</div>
					<div class="content messages">

						<div class="message red"> 
							Sorry, there was an error saving the file.
							<img src="images/icon-close.gif" alt="Close this item"> 
						</div> 

						<div class="message green"> 
							There is a successful file transfer.
							<img src="images/icon-close.gif" alt="Close this item"> 
						</div> 

						<div class="message blue"> 
							Do you want some information about the file?
							<img src="images/icon-close.gif" alt="Close this item"> 
						</div> 

						<div class="message orange"> 
							Warning: Your file seems to be invalid.
							<img src="images/icon-close.gif" alt="Close this item"> 
						</div> 
				
					</div>
				</div>
				
				
				<div class="box">
					<div class="title"> 
						<h2>pages</h2> 
						<img alt="" class="toggle" src="images/title-hide.gif"> 
					</div>
					<div class="content pages">
							<table> 
								<thead> 
									<tr> 
										<td style="padding: 0pt 8px 0pt 6px; width: 13px;"><input type="checkbox" class="checkall"></td> 
										<td>Title</td> 
										<td>Status</td> 
										<td>Date created</td> 
										<td>Author</td> 
										<td style="border-right: medium none; text-align: center; padding: 4px 20px 0pt;"></td> 
									</tr>	
								</thead> 
								<tbody> 
									<tr class="grey" style="background-color: rgb(248, 248, 248);"> 
										<td style="padding: 0pt 8px 0pt 6px; width: 13px;"><input type="checkbox"></td> 
										<td><a href="#">Sed dictum nisi sodales</a></td> 
										<td>Draft</td> 
										<td>26th June 2011</td> 
										<td>First, Lastname</td> 
										<td style="border-right: medium none; text-align: center; padding: 4px 20px 0pt;"> 
											<a href="#"><img alt="Edit this item" src="images/icon-edit.png"></a> 
											<a href="#"><img alt="Delete this item" src="images/icon-delete.png"></a> 
										</td> 
									</tr> 
									<tr> 
										<td style="padding: 0pt 8px 0pt 6px; width: 13px;"><input type="checkbox"></td> 
										<td><a href="#">Duis iaculis velit auctor magna ornare</a></td> 
										<td>Published</td> 
										<td>25th June 2011</td> 
										<td>First, Lastname</td> 
										<td style="border-right: medium none; text-align: center; padding: 4px 20px 0pt;"> 
											<a href="#"><img alt="Edit this item" src="images/icon-edit.png"></a> 
											<a href="#"><img alt="Delete this item" src="images/icon-delete.png"></a> 
										</td> 
									</tr> 
								</tbody> 
							</table>
							<!--分页-->
							<div class="pages-bottom"> 
								<div class="actionbox"> 
									<form method="post" action=""> 
											<select class="action" tabindex="-1"> 
												<option>Actions</option> 
												<option>Delete</option> 
												<option>Edit</option> 
											</select>
											<button class="button-small" type="submit"><span>apply</span></button>
									</form>
								</div> 
						
								<div class="pagination"> 
									<a class="left" href="#"></a> 
									<a class="active" href="#">1</a> 
									<a href="#">2</a> 
									<a href="#">3</a> 
									<a href="#">4</a> 
									<a href="#">5</a> 
									<a href="#">6</a> 
									<a href="#">7</a> 
									<a class="right" href="#"></a> 
								</div> 
							</div>
							<!--分页 end-->
					</div>
				</div><!-- box end -->

				<div class="box">
					<div class="title"> 
						<h2>form</h2> 
						<img alt="" class="toggle" src="images/title-hide.gif"> 
					</div>

					<div class="content forms">
						<form>

							<div class="row"> 
								<label>Date:</label> 
								<span class="date">Starting date</span> <input type="text" class="datepicker" /> 
								<span class="date">Ending date</span> <input type="text" class="datepicker" /> 
							</div>

							<div class="row">
								<label>A small size input:</label> 
								<input type="text" class="small" value="" />
							</div>

							<div class="row"> 
								<label>A medium size input:</label> 
								<input value="" class="medium" type="text"> 
							</div>

							<div class="row"> 
								<label>A big size input:</label> 
								<input type="text" class="big" value=""> 
							</div>

							<div class="row"> 
								<label>A full size input:</label> 
								<input type="text" value=""> 
							</div>

							<div class="row"> 
								<label>A checkbox</label> 
								<input type="checkbox" name="ckbox" checked="checked" class="checkbox" /> <span>Checkbox on</span> 
								<input type="checkbox" name="ckbox" class="checkbox" /> <span>Checkbox off</span> 
							</div>

							<div class="row"> 
								<label>File upload:</label> 
								<input class="file_1" type="file" />
							</div>

							<div class="row"> 
								<label>A selectbox:</label> 
								<select> 
									<option value="opt1">Option 1</option> 
									<option value="opt2">Option 2</option> 
									<option value="opt3">Option 3</option> 
									<option value="opt4">Option 4</option> 
									<option value="opt5">Option 5</option> 
								</select> 
							</div>

							<div class="row"> 
								<label>A radiobutton</label> 
								<input type="radio" value="on" name="question" checked="checked" class="radio" /> <span>Radiobutton on</span> 
								<input type="radio" value="off" name="question" class="radio" /> <span>Radiobutton off</span> 
							</div>

							<div class="row"> 
								<label>A full size textarea:</label> 
								<textarea rows="" cols=""></textarea> 
							</div>

							<div class="row"> 
								<button class="button-normal" type="submit"><span>Button</span></button> 
								<button class="button-normal" type="submit"><span>Button medium</span></button> 
								<button class="button-normal" type="submit"><span>Button extra large</span></button>
							</div>

							<div class="row"> 
								<a href="http://www.baidu.com" target="_blank" class="button-normal"><span>链接</span></a>
								<a href="http://www.baidu.com" target="_blank" class="button-normal"><span>链接</span></a>
							</div>
						</form>
					</div>
				</div>

				<div class="box pop-up-window">
					<div class="title"><h2>提示信息</h2><a href="" class="close"></a></div>
					<div class="content">
						Duis vel arcu nisl, pretium fringilla massa. Integer aliquam sollicitudin ipsum, non euismod neque faucibus id.
					Pellentesque nec nisl et nulla vehicula rutrum et quis ipsum. Suspendisse potenti. Etiam sit amet justo sagittis sem
					tincidunt pellentesque. Donec turpis risus, mattis sed adipiscing eu, semper luctus magna.
						<div class="row btn">
								<a href="" class="button-normal"><span>确认</span></a>
						</div>
					</div>
				</div>
				
			</div>
			<!--holder end-->

			<!--footer-->
			<div class="footer"> 
				<div class="split">&copy; Copyright <a href="#">website.com</a></div> 
				<div class="split right">Powered by <a href="#">DreamAdmin</a></div> 
			</div>
			<!--footer end-->
		</div>
	</div>
</body>
</html>